@extends('mobile.static_pages.template.bootstrap')
@section('title', '搜索')
@section('scripts')
<link rel="stylesheet" href="{{ asset('css/mobile-search.css') }}" />
@endsection
@section('content')
<section class="search-bar">
	<div class="form-group">
		<div class="input-group">
			<input type="text" class="form-control" name="keywords" placeholder="作者名/书名" />
			<div class="input-group-addon">
				<span class="fa fa-search fa-fw"></span>
			</div>
		</div>
	</div>
</section>
<section class="hot">
	<div class="title-container">
		<div>24小时热搜</div>
		<div>
			<a href="#">换一换</a>
		</div>
	</div>
	<div class="h-books">
		@for($i=0; $i<4; $i++)
		<div class="h-book">
			<img class="book-thumbnail" src="{{ asset('imgs/thumbnail.jpeg') }}">
			极品透视
		</div>
		@endfor
	</div>
</section>
<section class="result">
	<div class="title">
		共找到<span class="text-red">5</span>本书
	</div>
	<div class="books">
		@for($i=0; $i<10; $i++)
		<div class="book">
			<div class="media">
				<div class="media-left">
					<img class="book-thumbnail" class="media-object" src="{{asset('imgs/thumbnail.jpeg')}}" />
				</div>
				<div class="media-body">
					<div class="media-heading">
						<div class="title">
							<h4 class="">军火之王</h4>
							<div class="text-muted">观星梦青冥</div>
						</div>
						<div class="link">
							<a class="btn btn-sm btn-default" href="#">立即阅读</a>
						</div>
					</div>
					<div class="content text-muted">
						曾经叱咤风云的佣兵王者，变成小小的军火贩子，家族、部落、国家、铁血柔情、
						腥风血雨，且看他如何一步步成为让各国忌惮的国际军火商。
					</div>
				</div>
			</div>
		</div>
		@endfor
	</div>
</section>
@endsection